html {
    font-size: 62.5%;
}

#wrap {
    width: 100%;
    background: url("http://s.91renqi.com/assets/4_0/img/logreg/logbg.jpg") no-repeat;
    header {
        width: 100%;
        background: black;
        .content {
            width: 63%;
            margin: 0 auto;
            height: 3rem;
            ul {
                display: flex;
                margin-top: 0.5rem;
                li {
                    line-height: 2rem;
                    padding: 0 10px;
                    border-right: 1px solid white;
                    a {
                        color: white;
                        font-size: 1.3rem;
                        &:hover {
                            color: orangered;
                        }
                    }
                }
            }
        }
    } //header
    //  ******foot******
    footer {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.7);
        ul {
            display: flex;
            height: 60px;
            padding: 10px 0;
            width: 100%;
            justify-content: center;
            li {
                display: flex;
                height: 40px;
                width: 275px;
                text-align: center;
                p {
                    text-align: center;
                    font-size: 14px;
                    color: white;
                    line-height: 1.5;
                    span {
                        font-size: 16px;
                    }
                }
                img {
                    margin-left: 15px;
                }
            }
        }
    }
    //  *****.logo*****
    .logo {
        margin: 0 auto;
        width: 40%;
        position: relative;
        top: 10%;
        img {
            width: 100%;
        }
    }
    .login {
        animation: bounceInDown 3s;
        width: 17%;
        margin: 0 auto;
        position: relative;
        top: 10rem;
        form {
            ul {
                .phone {
                    background: url("http://s.91renqi.com/assets/4_0/img/logreg/logicon_03.png") no-repeat;
                    position: relative;
                    span {
                        position: absolute;
                        top: 0;
                        left: 50px;
                        background: white;
                        display: none;
                    }
                }
                .pass {
                    background: url("http://s.91renqi.com/assets/4_0/img/logreg/logicon_07.png") no-repeat;
                }
                .phone,
                .pass,
                .yanzhen {
                    background-color: white;
                    background-position: 15px center;
                }
                li {
                    width: 310px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 5px;
                    margin-top: 15px;
                    h2 {
                        color: white;
                        font-size: 2rem;
                        a {
                            font-size: 12px;
                            color: orangered;
                            text-decoration: underline;
                            vertical-align: middle;
                            float: right;
                        }
                    }
                    input {
                        border: none;
                        margin-left: 50px;
                        height: 30px;
                        line-height: 30px;
                    }
                }
                .btn {
                    button {
                        width: 8rem;
                        background: orangered;
                        border-radius: 5px;
                        color: white;
                        height: 30px;
                        border: none;
                    }
                    a {
                        color: white;
                        text-decoration: underline;
                        vertical-align: middle;
                        float: right;
                    }
                }
            }
        }
    }
}